<template>
  <div class="header">
    <router-link to='/'>
      <span class="iconfont icon">&#xe622;</span>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'FirefoxHeader'
}
</script>

<style lang="stylus" scoped>
  *
    margin: 0 auto
    padding: 0 auto
  .header
    width: 120rem
    height: 3rem
    line-height: 3rem
    text-align: center
    background: linear-gradient(right, #707070, #BDB76B);
    font-family: Georgia, serif
    font-size: 2rem
    font-weight: bold
    .icon
      font-size: 2.5rem
      float: left
      padding: 0 0 0 1rem
</style>
